//入口函数
$(function(){
    //获取用户信息
    getUserInfo()


    //需求  退出
    $('#logout').on('click',function(){
        //layui里面的询问框，点击确定才会执行
        layer.confirm('确认退出登录？',{icon:3,title:'提示'},function(index){
              localStorage.removeItem('token')
        location.href='/login.html'

        layer.close(index)

        })

      
    })

})

//获取用户信息渲染成头像的·封装函数
// 必须设置全局函数 不能是局部函数
function getUserInfo(){
    axios({
        // method:'GET',
        url:'/my/userinfo',
        headers:{
            Authorization:localStorage.getItem('token')
        }
    }).then(({ data:res })=>{
        //判断用户头像
        if(res.status !==0){
            return layui. layer.msg(res.message)}
        // 渲染用户头像
        renderAvatar(res.data)
    })
}
            // 封装一个方法 渲染用户头像
        function renderAvatar(user){
//渲染欢迎词和用户名 没有昵称菜渲染用户名
let name = user.nickname ||user.username
$('.welcome').html('欢迎'+name)

//渲染头像 判断图片头像是否存在
if(user.user_pic !==null){
    //有图片 头像 渲染图片头像 隐藏文字头像
    $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src',user.user_pic)

}else{

    //没有图片头像 渲染文字图像 隐藏图片头像
    $('.layui-nav-img').hide()
    //文字头像 要把name 的首字母 大写后赋值
    let first=name[0].toUpperCase()
    $('.avatar-text').show().html(first)
}
            }
